@charset "utf-8";
/*
Copyright ibw.cn
Created by Clearfix
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top;}
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}

/*Body*/
body { color: #555;overflow:scroll;overflow-x:hidden;}
a { color: #555; }
a:hover { color: #137bdb;}
.wrap { width: 1200px; margin: 0 auto;}
.wrapper{width:100%; position:relative; overflow:hidden;}
.hotline{float: right;font-size: 24px;font-weight: bold;color: #137bdb;line-height: 22px;margin-top: 12px;}
.hotline dl{font-size: 12px;color: #515151;font-weight: normal;}
.hotline p{font-size: 20px;}

.tips{width: 100%;background: #f5f5f5;height: 30px;line-height: 30px;font-size: 13px;}
.tips p{float: left;}
.tips ul{float: right;}
.tips ul li{float: left;font-size: 12px;margin-left: 16px;position: relative;}
.tips ul li img{position: absolute;top: 30px;left: 0;z-index: 100;display: none;}



.header{position:relative;}
.headertop{width: 100%;position: relative;background: #fff;}
.top-l{background:#fff ;height: 100px;}
.top-r{background: #f5f5f5;width: 100%;}
.top-l-c{float: left;margin-top: 22px;}
.top-l-c img{width: 80%;}
.top-l-d{display: table;margin-top: 20px;}
.top-l-d ul{float: right;}
.top-l-d ul li{float: left;padding: 0 15px;position: relative;}
.top-l-d ul li .img{position: absolute;top: 25px;left: 0;display: none;width: 100px;}
.top-l-d ul li .img img{width: 100%;}
/*.top-l-d ul li:nth-child(2):hover .img{display: block;}*/
.line1{float: left;width:1px;height: 10px;background: #ccc;margin-top: 5px;}
.top-l-d ul li a{font-size: 12px;color: #fff;}
.top-l-d ul li:nth-child(1) a{background: url(ico-phone.png) no-repeat left center;padding-left: 15px;}
.top-l-d ul li:nth-child(3) a{background: url(ico-weixin.png) no-repeat left center;padding-left: 22px;}
.top-r-c{float: right;}
.top-r-c .c{float: left;margin-left: 30px;margin-top: 12px;}
.top-r-c .c h2{font-size: 22px;color: #126ecd;}
.top-r-c .c h2 span{font-weight: normal;}
.top-r-c .c p{font-size: 17px;color: #000;}
.top-r-c .search{float: left;background: url(search1.png) no-repeat left center;width: 252px;height: 36px;margin-top: 35px;}
.top-r-c .search form{width: 252px;height: 36px;} 
.top-r-c .search form .text{width: 200px;height: 30px;margin: 2px 0 0 12px;}
.top-r-c .search form .ibtn{width: 40px;height: 30px;}
.top-r-c .Hot-line{float: left;margin-left: 42px;margin-top: 22px;}
.top-r-c .Hot-line dl{background: url(ico-zixun.png) no-repeat;width: 79px;height: 28px;color: #fff;font-size: 12px;line-height: 23px;text-align: center;}
.top-r-c .Hot-line p{font-size: 26px;color: #2da638;font-family: 'Arial'}
.logo{float:left;margin-top:12px;padding-top: 9px;}

/*Nav*/
.nav {height: 50px;}
.nav ul{}
.nav ul li { float: left; display: inline; position:relative; z-index:10; }
.nav ul li a { display: block; height: 50px; line-height:50px; font-size: 14px;color:#000; text-align:center;border-top: 1px solid #f5f5f5;padding: 0 70px;}
.nav ul li a:hover, .nav ul li a.current {color:#fff;background:#0076be; }
.Snav{display: none;position: absolute;}
.nav ul li dl{background:#0076be;}
.nav ul li dl dt a{color: #fff;padding: 0;height: 45px;line-height: 45px;font-size: 13px;width: 196px;}
.top-r1{background: none;}
.top-r1 ul li a{padding: 0;}
.top-r1 .nav ul li a:hover, .top-r1 .nav ul li a.current {color:#fff;/*border-bottom: 1px solid #f86d07;*/}
/*.nav ul li dl dt:nth-child(3) a{line-height: 24px;}*/
.nav ul li dl dt:hover a{border-top:1px solid #fff;background: #fff;color: #137bdb;}
.search{width:130px;height:28px;background:url(search.png);float:right;margin-top:30px;}
.search .text{width:109px;height:28px;line-height:28px;float:left;color:#000;font-size:12px;}
.search .ibtn{width:21px;height:28px;float:right;cursor:pointer;}
.search input::-webkit-input-placeholder, .search textarea::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: #ccc; font-size: 12px; 
}   
.search input:-moz-placeholder, .search textarea:-moz-placeholder {   
/* Mozilla Firefox 4 to 18 */   
color: #ccc;   font-size: 12px; 
}   
.search input::-moz-placeholder, .search textarea::-moz-placeholder {   
 /* Mozilla Firefox 19+ */   
color: #ccc;   font-size: 12px; 
}   
.search input:-ms-input-placeholder, .search textarea:-ms-input-placeholder {   
 /* Internet Explorer 10+ */   
color: #ccc;   font-size: 12px; 
}

/*Banner*/
.banner {position:relative; /*left:50%; */width:100%;/* margin-left:-960px;*/ text-align:center;}
.banner .hd { position:absolute; left:48%; bottom:18px; width:180px; z-index:4;padding: 10px 0;}
.banner .hd ul li { width:12px; height:12px; background:rgb(255,255,255,0.6); line-height:12px; overflow:hidden; cursor:pointer; vertical-align:top;
border-radius: 18px;float: left;margin-right:3%;color: #fff;line-height: 999;}
.banner .hd ul .on {background:#137bdbd9;}
.banner .bd li a{display:block;width:100%;height:100%;}
.banner  .prev,.banner  .next{background: url(icon_arr.png) no-repeat;background-position-x: 0%;background-position-y: 0%;width: 60px;height: 80px;zoom: .75;overflow: hidden;position: absolute;
top: 50%;
z-index: 10;
font-size: 0;
line-height: 0;
text-indent: -999em;
margin-top: -45px;
cursor: pointer;
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;}
.banner:hover .prev{left: 8px;background-position: left top;opacity: 1;filter: alpha(opacity=100);}
.banner:hover .next{right: 8px;background-position: right top;opacity: 1;filter: alpha(opacity=100);}
.banner .prev{left: -60px;}
.banner .next{right: -60px;background-position: right top;}

.footer{background:#0076be;}
.footer ul{display: table;margin: 0 auto;}
.footer ul li{float: left;position: relative;color: #fff;font-size: 12px;padding: 12px 19px;}
.footer ul li:first-child{padding: 12px 0;}
.footer ul li:last-child{padding-right: 0;}
.footer ul li:last-child::after{display: none;}
.footer ul li:first-child::after{display: none;}
.footer ul li::after{position: absolute;content: '';width: 1px;height: 10px;background: rgb(255,255,255,.5);right: 0;top: 17px;}
.footer ul li a{color: #fff;font-size: 12px;}
.g-network ul{display: table;margin: 25px auto 0;}
.g-network ul li{float: left;font-size: 14px;padding:0 25px}

.back-to { position:fixed; bottom:60px; right:60px; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }
.g-network { background:#fff; }
.g-network .m-network { width:1200px; margin:0 auto; padding:10px 0 10px; }
.m-exs {    display: table;
    margin: 0 auto ;padding: 12px 0;}
.m-ex { float:left; width:110px; padding:0 10px 0 10px;}
.m-ex:last-child{border-right:none;}
.m-ex .hd { position:relative; height:30px; line-height:30px; }
.m-ex .hd h2 { color:#626262; font-weight:100; font-size:16px; text-transform:uppercase; }
.m-ex .bd { padding:5px 0; line-height:26px; }
.m-ex .bd a { color:#9a9a9a; }
.m-ex .bd a:hover { color:#a00; }
.m-r { float:right; width:218px; }
.qrcode { text-align:center; }
.m-wei { height:40px; padding:8px 0; line-height:40px; text-align:center; }
.m-wei span { display:inline-block; color:#989898; font-size:16px; vertical-align:top; }
.m-wei img { margin:0 0 0 10px; }
.g-network dl{display: table;margin:10px auto;}
.g-network dl dt{float: left;margin-left: 25px;font-size: 14px;}
.g-network em{font-size: 14px;text-align: center;margin-bottom: 20px;display: block;}
.fixed-r{width:84px;background:#e20909;position:fixed;top:50%;right:0;z-index:100;margin-top:-210px;}
.fixed-r a{color:#fff;font-size:14px;text-align:center;padding-top:54px;}
.fixed-r .a1{display:block;height:32px;border-bottom:1px dotted #fff;background:url(fr1.png) top 17px center no-repeat;}
.fixed-r .a2{display:block;height:32px;border-bottom:1px dotted #fff;background:url(fr2.png) top 17px center no-repeat;}
.fixed-r .a3{display:block;height:32px;border-bottom:1px dotted #fff;background:url(fr3.png) top 17px center no-repeat;}
.fixed-r .a4{display:block;height:32px;border-bottom:1px dotted #fff;background:url(fr4.png) top 17px center no-repeat;position:relative;cursor:pointer;}
.fixed-r .a4 img{position:absolute;top:0;right:84px;display:none;}
.fixed-r .a4:hover img{display:block;}
.fixed-r .a5{display:block;height:18px;background:url(fr5.png) top 17px center no-repeat;}
*/
*
/*
	首页默认模式 在线客服 
*/
.online-qq-lx { position:absolute; top:380px; width:55px; z-index:100; }
.online-qq-lx .qq_content-lx dd { position:relative; width:55px; margin-bottom:2px; font-size:12px; }
.mbar-ico { position:relative; background:#3b76df; font-size:14px; }
.mbar-ico i { position:relative; display:block; width:55px; height:40px; background:url(online_lx.png) no-repeat #137bdb; cursor:pointer; z-index:2; }
.mbar-ico .mbar-tip  { position:absolute; top:0; background:#137bdb; color:#fff; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; }
.mbar-ico .mbar-tip a { display:block; color:#fff; }
.mbar-ico .mbar-tip a:hover { color:#ff0; }
.mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; }
	/* QQ */
.mbar-qq i { background-position:0 0; }
.mbar-qq .mbar-tip { min-height:40px; padding:5px 24px 5px 14px; line-height:30px; }
.mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; }
	/* 咨询 */
.mbar-tel i { background-position:0 -40px; }
.mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }
	/* 二维码 */
.mbar-micro .mbar-tip  { top:-100px; min-width:120px; padding:5px; background:#fff; color:#000; box-shadow: 0 0 10px #ccc; text-align:center; line-height:20px; }
.mbar-micro .mbar-tip span { display:block; }
.mbar-micro-sj i { background-position:0 -200px; }
.mbar-micro-wx i { background-position:0 -120px; }
.mbar-micro-hc i { background-position:0 -160px; }
	/* 返回顶部 */

.mbar-top i { background-position:0 -240px; }
.mbar-top .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-top .mbar-tip a { padding:0px 15px; }

.online-qq-left { left:10px; right:auto; }
.online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-ico:hover .mbar-tip { left:55px; right:auto; }
.online-qq-left .mbar-top .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-top:hover .mbar-tip { left:55px; right:auto; }
.online-qq-right { right:10px; left:auto; }
.online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-ico:hover .mbar-tip { right:55px; left:auto; }
.online-qq-right .mbar-top .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-top:hover .mbar-tip { right:55px; left:auto; }

/*在线客服*/
.online-qq{width:137px;z-index:500;padding:12px 0 0;text-align:center}
.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.qq_content .dt{font-size:14px;font-weight:bold;color:#fff;cursor:pointer;padding:10px 20px;text-align:left}
.qq_content dd{padding:12px;font-size:12px}
.qq_content dd a{line-height:22px;display:block;margin:0 0 5px;border:1px solid #d2d2d2;}
.qq_content dd a:hover{color:#fff;text-decoration:none}
.qq_content dd img{margin:0 3px -3px 0}
.qq_content .tel{background:#eee;font-size:14px}
.qq_content .tel strong{font-weight:bold;color:#f00;margin-top: 50px;}
.qq_content .qr{background:#fff}
.qq_content .qr img{margin:0}
.qq_content dd p{padding:.3em 0}
.qq_content dd p a{padding:0 0 0 18px}
.online-qq{}
.qq_content .dt{background:#1a7bb5;}
.qq_content dd a{background:url(tab_bg.jpg) repeat-x}
.qq_content dd a:hover{background:#062f7e;border-color:#062f7e;}
.qq_content dd p a{background:url(icon_qq.png) no-repeat 0 50%;}

.copyright{ padding: 14px 0;color: #ffffff80;}


.Hot1{padding: 15px 0;}
.Hot1 .Hot-r{width: 700px;float: left;}
.Hot1 .Hot-r dl span{font-size: 16px;font-weight: bold;color: #000;}
.Hot1 .Hot-r dl a{font-size: 14px;color:#5a5a5a;position: relative;padding: 0 20px;}
.Hot1 .Hot-r dl a::after{position: absolute;left: 0; top: 0; content: "/"; display: block; vertical-align: top;}
.Hot1 .Hot-r dl .a1::after{ content: "";}

.Hot1 .Hot-c{width: 300px;float: right;}
.Hot1 .Hot-c .search1{margin-top: 0;}

.mod_slide {
  position: fixed;
  bottom: 250px;
  right: 50px;
  z-index: 1000;
}
.mod_slide .back-top {background: url(back2top.png) no-repeat center center;display: block;display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 5px;background-color: #aaa;
    color: #666;
}


.mod_goTop {
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  border-radius: 5px;
  background: url("../images/back2top.png") no-repeat center;
  background-color: #aaa;
  color: #666;
}
.mod_link {
  display: block;
  width: 50px;
  height: 44px;
  background: #0076be;
  text-align: center;
  border-radius: 5px;
  margin-top: 6px;
  font-size: 13px;
  color: #fff;
  line-height: 19px;

}
.mod_link:hover {
  color: #fff;
}
.mod_base {
  display: block;
  margin-top: 10px;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  position: relative;
  cursor: hover;
}
.mod_base:hover .weixin-kefu{display: block;  }
.weixin-kefu {
  display: none;
  position: absolute;
  width: 100px;
  height: 100px;
  right: 56px;
  top: -30px;
  z-index: 99;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.weixin-kefu img{vertical-align: middle;padding-top: 5px}
/*  */
.mod_item {
  width: 288px;
  height: 502px;
  margin-right: 16px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.mod_a_img {
  display: block;
  width: 100%;
  height: 407px;
  overflow: hidden;
  position: relative;
}
.topDiv {
  height: 203.5px;
  width: 288px;
  cursor: pointer;
  background: #fff;
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
}
.bottomDiv {
  height: 203.5px;
  width: 288px;
  cursor: pointer;
  background: #fff;
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  top: 203.5px;
}
.imgDiv {
  width: 100%;
  left: 0;
}
.mod-button-div {
  width: 72px;
  height: 60px;
  float: right;
  position: relative;
  z-index: 60;
  
}
.mod-userinfo-box {
  width: 240px;
  height: 176px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
  background: rgb(255, 255, 255);
  position: absolute;
  top: 60px;
  right: 0px;
  z-index: 60;
  display:none;
}
.mod_userinfo1 {
  width: 100%;
  height: 76px;
  border-bottom: 1px solid #f4f4f4;
}
.mod_userinfo1_son1 {
  float: left;
  width: 56px;
  height: 40px;
  position: relative;
  margin-top: 20px;
}
.mod_userinfo1_son1 img {
  width: 36px;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  display: block;
}
.mod_userinfo1_son2 {
  margin-left: 10px;
  float: left;
  margin-top: 20px;
  height: 40px;
  width: 172px;
  overflow: hidden;
}
.mod_user-img img {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  border-radius: 5px;
}
.mod_userinfo1_son3 {
  margin-top: 5px;
  overflow: hidden;
  line-height: 13px;
  height: 13px;
}
.mod_userinfo1_son4 {
  margin-top: 8px;
  *margin-top: 7px;
  font-size: 12px;
  color: #888;
  clear: both;
  text-align: left;
}
.mod_userinfo2 {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
}
.mod_userinfo2 a {
  display: block;
  color: #fff;
  width: 200px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 9px;
  left: 20px;
  background: #7c63f2;
  border-radius: 5px;
}
.mod_userinfo3 {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
}


.ad2{background: #f5f5f5;width: 475px;}
.ad2 .ad-c h2{font-size: 18px;font-weight: normal;padding-left: 10px;padding-top: 15px}
.ad2 .ad-c p{font-size: 14px;padding-left: 10px;padding-bottom: 5px;color: #999;}
.ad2 .ad-c .line{width: 100%;height: 1px;background: #ddd;margin: 10px 0;}
.form-panel1{padding: 15PX 15px 30px 15px;}
.form-panel1 textarea{background: #FFF;width: 100%;border-radius: 4px;}
.form-panel1 label{padding-left: 15px;font-size: 14px;color: #999}
.form-panel1 .field1{width: 100%;background: #fff;height: 40px;margin-top: 15px;line-height: 40px;}
.form-panel1 .btn-submit{width: 70px;height: 35px;background: #76b2e4;color: #fff;font-size: 14px;margin-top: 20px;cursor: pointer;}